<ion-header>

    <ion-navbar>
        <ion-buttons start>
            <button ion-button (click)="dismissCLI()">
                <img src="assets/img/back.png" width='15' height='20'>
            </button>
        </ion-buttons>
        <ion-title>发布服务</ion-title>
        <ion-buttons end>
            <button ion-button icon-only style="margin-right: 5px;" (click)="issueSevice()">
                <span style="color: red;">确定</span>
            </button>
        </ion-buttons>
    </ion-navbar>

</ion-header>


<ion-content padding>
    <ion-list>
        <div id="personmessage">
            <ion-item>
                <ion-label>美甲名称</ion-label>
                <ion-input type="text" maxlength="10" [(ngModel)]="issueServeiceVo.service_name"></ion-input>
            </ion-item>
            <ion-item>
                <ion-label>价格</ion-label>
                <ion-input type="number" [(ngModel)]="issueServeiceVo.service_price"></ion-input>
            </ion-item>
            <ion-item>
                <ion-label>原价</ion-label>
                <ion-input type="number" [(ngModel)]="issueServeiceVo.market_price"></ion-input>
            </ion-item>
            <ion-item>
                <ion-label>耗时</ion-label>
                <ion-input type="number" [(ngModel)]="issueServeiceVo.consuming_time"></ion-input>
            </ion-item>
            <ion-item>
                <ion-label>保持时间</ion-label>
                <ion-input type="number" [(ngModel)]="issueServeiceVo.keep_time"></ion-input>
            </ion-item>
            <ion-item>
                <ion-label>使用工具</ion-label>
                <ion-input type="text" [(ngModel)]="issueServeiceVo.tools"></ion-input>
            </ion-item>
            <ion-item>
                <ion-label>使用材料</ion-label>
                <ion-input type="text" [(ngModel)]="issueServeiceVo.material"></ion-input>
            </ion-item>
            <ion-item>
                <ion-label>适用场景</ion-label>
                <ion-input type="text" [(ngModel)]="issueServeiceVo.applicable_scene"></ion-input>
            </ion-item>
            <ion-item>
                <ion-label>创意理念</ion-label>
                <ion-textarea type="text" [(ngModel)]="issueServeiceVo.service_desc"></ion-textarea>
            </ion-item>

        </div>

        <ion-item class="img">
            <!-- <ion-row>
                <ion-col *ngFor="let item of imgarr;let i=index;">
                    <img width="90" height="90" src="{{picrooturl}}{{item}}" alt="">
                    <span (tap)="delImg(item,i)" class="delet">
                        <img src="assets/img/ios/guanbi--@2x.png" alt="">
                    </span>
                </ion-col> -->
                <!-- <img src="assets/img/picbj.png" width="90" height="90" /> -->
                <!-- <ion-col *ngIf="!showSelect"> -->
                    <!-- <img width="90" height="90" src="assets/img/picbj.png" style="top:0;left:0;"> -->
                    <!-- <page-select-picture style="position:absolute;opacity:0;left:5px;" [max]="1" [classname]="circle1Class" [fileObjList]='fileObjList'
                    (fileObjListChange)="returnapiimg($event)"></page-select-picture> -->
                    <!-- <page-select-more-picture [(fileObjList)]="filePaths"></page-select-more-picture> -->
                <!-- </ion-col>
            </ion-row> -->
            <page-select-more-picture [max]="3" [(fileObjList)]="filePaths"></page-select-more-picture>

            <p class="bgionc">
                <span class="myshow">( 请上传1-3张宣传图片 )</span>
            </p>
            <hr>
            <!-- 选择照片:(默认返回本地图片路径) -->
            <!-- <page-select-more-picture [fileObjList]="filePaths"></page-select-more-picture> -->

            <!-- <button ion-button block style="height:3rem;" (click)="getUploadImage(filePaths)">上传本地图片到服务器</button> -->

        </ion-item>
    </ion-list>
</ion-content>